System and method for an intelligent drag and drop designer

ABSTRACT

Embodiments are provided for a design tool with built-in intelligence that automatically senses the location of one or more placeholders for selectable actions when designing a form or workflow. The design tool intuitively determines which placeholder should logically be used next; visually emphasizes, when an action is selected, the location and designation of the placeholder predicted to be used next; visually emphasizes alternative placeholders relevant to the position of the selected action by detecting minor changes in the position of the selected action; and automatically positions the selected action into the predicted or selected placeholder when the action is released.

CROSS-REFERENCE TO RELATED APPLICATION(S)

This application claims benefit to U.S. Non-Provisional application Ser.No. 16/802,390 filed on Feb. 26, 2020, entitled “System and Method foran Intelligent Drag and Drop Designer,” which in turn claims priority toU.S. Provisional Application No. 62/810,460, filed on Feb. 26, 2019,entitled “System and Method for an Intelligent Drag and Drop Designer”the contents of which are incorporated by reference herein as though setforth in their entirety, and to which priority and benefit are claimed.

FIELD OF USE

The present disclosure relates generally to the field of customizedworkflow process technology. More specifically, the present disclosurerelates to new systems and methods for an intelligent designer thatimproves computer functionality and use for creating and designingworkflow processes and electronic forms; making a user's design processmore intuitive, quicker, and easier.

BACKGROUND

Dynamic forms and workflows can be created on low-code developmentplatforms or via full code implementations, enabling a user to automatemany processes in a way that dramatically enhances productivity andefficiency in any industry. Forms are made up of multiple actionspositioned in a specific order to increase efficiency and effectivenessof use. Similarly, workflows are made up of multiple actions sequencedin a specific order to bring about the desired solution. Designing acustomized form or workflow often requires familiarity with the specifictask or purpose the form/workflow is addressing as well as technicalknowledge and experience in designing the form/workflow. At times, aworkflow or form can become large and/or intricate, creating thepotential for incorrect placement or inadvertent omission of actions. Asa result, the design process can be tedious and challenging work,requiring technical experience and careful attention to the placement ofindividual actions within the overall form/workflow. This potential forerror is increased because current design tools are rudimentary in thefeatures they offer, cumbersome when used, or lack built-in intuitionthat enables ease of use. Specifically, design canvasses that require auser to drag and drop workflow or form actions with pinpoint accuracypose inherent difficulties in the design process, leading to userfrustration and errors.

Thus, what is needed is are systems and methods for a design tool withbuilt-in intelligence that automatically senses the location of one ormore placeholders for selectable actions when designing a form orworkflow; intuitively determines which placeholder should logically beused next; visually emphasizes, when an action is selected, the locationand designation of the placeholder predicted to be used next; visuallyemphasizes alternative placeholders relevant to the position of theselected action by detecting minor changes in the position of theselected action; and automatically positions the selected action intothe predicted or selected placeholder when the action is released. Suchsystems and methods will also improve communication technology betweenthe networks and servers of the separate users dependent on theprocedure for designing the form or workflow, allowing for increasedunderstanding, implementation, and engagement across organizationalboundaries.

SUMMARY

The following presents a simplified overview of example embodiments inorder to provide a basic understanding of some aspects of the invention.This overview is not an extensive overview of the example embodiments.It is not intended to identify key or critical elements of the exampleembodiments or delineate the scope of the appended claims. Its solepurpose is to present some concepts of the example embodiments in asimplified form as a prelude to the more detailed description that ispresented herein below. It is to be understood that both the followinggeneral description and the following detailed description are exemplaryand explanatory only and are not restrictive.

In accordance with the embodiments disclosed herein, the presentdisclosure is related to systems and methods for an intelligent workflowand form designer that provides a movable action; displays one or moreplaceholders for insertion of the movable action; generates and displaysa visual emphasizing aid around one of the placeholders upon selectionof the movable action; increases the emphasis of the visual aid inaccordance with the movement of the selected action, changing emphasisfrom one placeholder to another in accordance with the proximity of theselected action to the one or more placeholders; and inserts theselected movable action into the emphasized placeholder upon release ofthe selected action.

In one embodiment, A system for an intelligent designer comprises acomputer system having a hardware processor and a physical memory usingexecutable instructions that, as a result of being executed by thehardware processor, cause the computer system to: generate and display,via the hardware processor, a graphical user interface comprising adesign canvas, wherein the design canvas comprises at least one movableaction and one or more placeholders for the at least one movable action;identify, via the hardware processor, when a movable action has beenselected; in response to identifying that a movable action has beenselected, generate and display a visual emphasizing aid surrounding asingle placeholder; determine when the selected movable action has beenreleased; and in response to determining that the selected movableaction has been released, configure placement of the selected movableaction onto the position of the single placeholder surrounded by thevisual emphasizing aid.

In another embodiment, the system, in response to identifying that amovable action has been selected, may determine, via the hardwareprocessor, the location of the selected movable action; determine thelocation of the single placeholder; calculate the distance between theselected movable action and the single placeholder; increase theemphasis of the visual emphasizing aid when the selected movable actionincreases in proximity to the single placeholder, wherein the emphasisof the visual emphasizing aid continues to increase as the selectedmovable action continues to increase in proximity to the singleplaceholder; and decrease the emphasis of the visual emphasizing aidwhen the selected movable action decreases in proximity to the singleplaceholder, wherein the emphasis of the visual emphasizing aidcontinues to decrease as the selected movable action continues todecrease in proximity to the single placeholder.

Still other advantages, embodiments, and features of the subjectdisclosure—including devices and methods—will become readily apparent tothose of ordinary skill in the art from the following descriptionwherein there is shown and described a preferred embodiment of thepresent disclosure, simply by way of illustration of one of the bestmodes best suited to carry out the subject disclosure. As will berealized, the present disclosure is capable of other differentembodiments and its several details are capable of modifications invarious other embodiments all without departing from, or limiting, thescope herein.

BRIEF DESCRIPTION OF THE DRAWINGS

The drawings are of illustrative embodiments. They do not illustrate allembodiments. Other embodiments may be used in addition or instead.Details which may be apparent or unnecessary may be omitted to savespace or for more effective illustration. Some embodiments may bepracticed with additional components or steps and/or without all of thecomponents or steps that are illustrated. When the same numeral appearsin different drawings, it refers to the same or like components orsteps.

FIG. 1 is a functional diagram generally illustrating an embodiment of agraphical user interface for an intelligent drag and drop designer.

FIGS. 2A-2D disclose a functional flow diagram generally illustrating anembodiment of designing a workflow with an intelligent drag and dropdesigner.

FIG. 3 is a functional block diagram generally illustrating anembodiment of a method for using an intelligent drag and drop designerto design a workflow or form.

FIG. 4 generally illustrates an embodiment of a graphical user interfaceof an intelligent drag and drop designer for designing a workflow.

FIG. 5 generally illustrates an embodiment of a graphical user interfaceof an intelligent drag and drop designer for designing a form.

FIGS. 6A-6C disclose a functional flow diagram generally illustrating anembodiment of selecting from a branching action's two or moreplaceholders when designing a workflow with an intelligent drag and dropdesigner.

FIG. 7 is a functional block diagram generally illustrating anembodiment of a network system for an intelligent drag and dropdesigner.

FIG. 8 is a functional block diagram generally illustrating anembodiment of an electronic device system for an intelligent drag anddrop designer.

DETAILED DESCRIPTION OF THE ILLUSTRATIVE EMBODIMENTS

Before the present methods and systems are disclosed and described, itis to be understood that the methods and systems are not limited tospecific methods, specific components, or to particular implementations.It is also to be understood that the terminology used herein is for thepurpose of describing particular embodiments only and is not intended tobe limiting. Various embodiments are described with reference to thedrawings. In the following description, for purposes of explanation,numerous specific details are set forth in order to provide a thoroughunderstanding of one or more embodiments. It may be evident, however,that the various embodiments may be practiced without these specificdetails. In other instances, well-known structures and devices are shownin block diagram form to facilitate describing these embodiments.

An intelligent drag and drop designer (“Designer”), as disclosed herein,introduces intelligence into the graphical user interface of a workflowor form designer—making the experience of designing workflows and formssmarter, easier, and quicker. The Designer comprises a built-inintelligence that allows it to determine which placeholder is likely tobe used or preferred and then visually emphasizes such placeholder tothe user. One of its primary benefits is the removal of the cumbersomeneed for, and difficulties associated with, having to precisely moveworkflow/form actions directly onto a placeholder on a design canvas.Instead, the Designer enables the user to select the action, move itonto the design canvas, and release it, upon which the Designerautomatically drops the action into the emphasized placeholder. TheDesigner also allows the user to emphasize alternative placeholders forselection by making only slight movements with the selected action. Andwhen released, the Designer automatically drops the action into theemphasized placeholder selected by the user.

FIG. 1 is a functional diagram generally illustrating an embodiment of agraphical user interface for an intelligent drag and drop designer. ADesigner's graphical user interface (“GUI”) for designing workflows maycomprise a design canvas 105, a cursor 135, and an action toolbox 110with one or more movable actions 115. The design canvas 105 may comprisea workflow design, comprised of a start action 120, a placeholder 125,and a finish action 130.

A design canvas refers to the area on a Designer GUI where a user candesign a form or workflow. A movable action refers to an entry that canbe inputted into the design of a workflow or a form. Examples of movableactions for the design of workflows (“workflow actions”) are: an actionto branch a decision tree by conditions, an action to branch by values,and actions that include a condition precedent, running parallel paths,and calling a workflow. Examples of movable actions for the design offorms (“form actions”) are: an action to insert barcodes, action toinsert multiple choice options, and actions to insert timestamps, emailoptions, images, and labels. A placeholder refers to a component thatholds, denotes, or reserves a place into which a movable action may beinserted.

FIGS. 2A-2D disclose a functional flow diagram generally illustrating anembodiment of designing a workflow with an intelligent drag and dropdesigner. As shown in FIG. 2A, in designing a workflow, the Designerenables a user to select a movable action 205 with a cursor 210. Uponthe action 205 being selected by the cursor 210 and moved slightly, theDesigner generates and displays a visual aid 220 around a placeholder215. As shown in FIG. 2B, as the action 205 is dragged closer to theplaceholder 215, the Designer causes the visual aid 220 to increase inemphasis. The Designer allows the user to not be required to drag theaction 205 directly into the position of the placeholder 215. Rather,the Designer allows the user to merely release the action 205, whereuponthe action 205 is automatically placed into the position of theplaceholder 215 that is currently being visually emphasized. FIG. 2Cshows the action 205 after it has been released and automatically placedin position of the placeholder 215. Upon the action 205 being placedinto the workflow design, the Designer may generate a new placeholder225. FIG. 2D shows the Designer enabling the user to select anotheraction 230, whereupon a visual aid 235 is generated and displayed aroundthe new placeholder 225.

The Designer is compatible with any number of electronic devices andenables an action to be selected and released by multiple methods. Suchmethods may depend on the electronic device utilizing the Designer. Forexample, an action may be selected by a single holding click of a mouseand released by the release of the held click. Or, an action may besimultaneously selected and released by a double click of a mouse. Theability to select, release, and drop by a single double-click ispossible only because the Designer provides a designated placeholder forthe action to be automatically inserted into. An action may also beselected by a user selecting the action on a touch screen with only theuser's fingers, or simultaneously selected and released by a user'sswipe on a touch screen.

A visual aid surrounding a placeholder refers to a method by whichvisible emphasis is given to a placeholder. Thus, visual aids providingemphasis for a placeholder serve the purpose of a placeholder being mademore visually prominent to the user when designing the form or workflow.Embodiments of a visual aid emphasis comprise a contrasting color thathighlights the placeholder, circular/rectangular lines around theplaceholder, and the placeholder itself being made bigger or bolder. Asthe user moves the selected action closer to the emphasized placeholder,the visual aid emphasis portrays the feeling of the placeholder pullingor attracting the selected action or an increased sensitivity by theplaceholder. Being highlighted or magnetized are other descriptions usedto reference the dynamic relationship between a selected action and thevisual aid emphasis. In this relationship, as the selected action ismoved closer to the visual aid, the visual aid emphasis “increases” insize; meaning, the visual aid grows/increases in prominence with theintent to draw more attention to it. Embodiments of a visual aidincreasing in emphasis/prominence comprise: a contrasting colorincreasing in darkness, brightness, or size; circular/rectangular linesincreasing in thickness, quantity, or size; and the placeholdercontinually increasing in size.

FIG. 3 is a functional block diagram generally illustrating anembodiment of a method for using an intelligent drag and drop designerto design a workflow or form. The method for designing either a workflowor form begins when the Designer identifies or detects that an action isselected 310. When the action is selected 310, the Designer generatesand displays a visual emphasizing aid around a single placeholder 315.Once the Designer detects that the selected action 310 is released 320,the Designer automatically places the action 335 onto the placeholderthat was visually emphasized. Alternatively, the Designer may detectthat the user is dragging 325 the selected action closer to theplaceholder, whereupon the Designer causes the visual aid around theplaceholder to increase in emphasis 330. Regardless of the action'sproximity to the placeholder, when the Designer detects that the theuser has released 320 the action, the Designer automatically places 335the action into the selected placeholder.

FIG. 4 generally illustrates an embodiment of a graphical user interfaceof an intelligent drag and drop designer for designing a workflow. Asshown in FIG. 4 , a Designer may comprise a GUI 400 that may be used tocreate a workflow. The workflow GUI 400 may comprise a toolbox 405 withmovable workflow actions 410, a design canvas 415, a start action 420, aplaceholder 425, a stop action 430, and a cursor 435. The workflow GUI400 enables a user to select a workflow action 410 to place onto theplaceholder 425. When the workflow action 410 is selected, a visual aidappears around the placeholder 425, increasing in emphasis as theworkflow action 410 is brought closer to the placeholder 425. Once aworkflow action 410 is placed onto the placeholder 425, a newplaceholder appears.

FIG. 5 generally illustrates an embodiment of a graphical user interfaceof an intelligent drag and drop designer for designing a form. As shownin FIG. 5 , a Designer may comprise a GUI 500 that may be used to createa form. The form GUI 500 may comprise a toolbox 505 with movable formactions 510, a design canvas 515, and a cursor 520. The form GUI 500allows for a user to select a form action 510 to place onto the designcanvas 515. When the Designer detects that a form action 510 isselected, it generates and displays a visual aid around the location forinsertion of the form action 510, increasing in emphasis as the formaction 510 is brought closer to the location. Once the Designer detectsthat the form action 510 has been placed onto the emphasized location inthe design canvas 515, the Designer determines which placeholder shouldbe emphasized and emphasizes a new location when it detects that a newform action 510 is selected.

In an embodiment, when a workflow is first designed, the Designerdisplays only one placeholder. As a result of it being the onlyplaceholder displayed, it will be the only placeholder emphasized when auser selects an action. After an action is dropped into the firstplaceholder the Designer will automatically generate and display a newplaceholder directly after the previously added action.

In another embodiment, when a workflow has a branching option for theplacement of two or more actions, wherein the branches are numbered fromleft to right, the Designer may as a default, emphasize the placeholderin the first branch. In one embodiment, as an action is moved around adesign, the Designer may expand and collapse in size the target zoneswithin the workflow/form design by determining the proximity of theselected action to the target zones. In other embodiments, the Designerallows for pre-configuration of settings such that specifiedplaceholders are emphasized by default.

The Designer may also distinguish and differentiate between the presenceof multiple placeholders in a workflow or form design and determinewhich placeholder the user is intending to select. In one embodiment fordetermining which placeholder the user is intending to select, theDesigner may, by default, automatically visually emphasize aplaceholder, such as the placeholder closest to the toolbox. Forexample, if the toolbox is on the left side of the GUI, the farthestleft placeholder is automatically visually emphasized when a selectedaction is moved onto the canvas. In such an embodiment, the Designer issufficiently intelligent so as to sense the direction of the action'smovement in relation to its original placement on the canvas anddetermine which placeholder is intended to be selected by what directionthe action is moved in. For example, if the action is moved in the rightdirection in relation to its original placement on the canvas, aplaceholder to the right of the previously emphasized placeholder isvisually emphasized. If the action is moved in the down direction inrelation to its original placement on the canvas, a placeholder belowthe previously emphasized placeholder is visually emphasized.

In another embodiment of the Designer determining which placeholder theuser is intending to select, as a selected action is moved across acanvas the Designer is sufficiently intelligent so as to identify thelocation of the selected action and its proximity to the location of allexisting placeholders. The Designer determines the distance between theselected action and other placeholders, compares the distances,ascertains which placeholder is closest in proximity to the action, andgenerates a visual emphasis for the closest placeholder. As the selectedaction is moved and changes location, the Designer reevaluates theproximity of all placeholders and continues to generate a visualemphasis for the closest placeholder, changing visual emphasis as neededfrom one placeholder to another. When the Designer visually emphasizes aplaceholder, it does not visually emphasize other placeholders.

In other embodiments, the Designer may comprise functionalities thatincorporate aspects of all the above embodiments, wherein the Designermay sense both the proximity of placeholders in relation to an actionand also sense the direction in which the action is moved.

FIGS. 6A-6C disclose a functional flow diagram generally illustrating anembodiment of selecting from a branching action's two or moreplaceholders when designing a workflow with an intelligent drag and dropdesigner. In FIG. 6A, the Designer's design canvas 605 displays aworkflow design with a start action 610, a stop action 615, an inputtedbranching action 620 with a first placeholder 625 and a secondplaceholder 630, and a separate, third placeholder 635. After an action640 has been selected, the Designer detects that the user has draggedthe action 640 onto the canvas 605. The Designer recognizes the presenceof the action 640 on the canvas 605, determines that the firstplaceholder 625 is closest, and visually emphasizes 645 the firstplaceholder 625. Because the first placeholder 625 is visuallyemphasized 645, the second placeholder 630, and the third placeholder635 are not visually emphasized. As shown in FIG. 6B, when the selectedaction 640 is moved away from the first placeholder 625 and in thedirection of the second placeholder 630, the Designer determines thatthe movement of the selected action 640 is in the direction of thesecond placeholder 630 and generates a visual emphasis 650 around thesecond placeholder 630. Similarly, as shown in FIG. 6C, when theselected action 640 is moved in the direction of the third placeholder635, the third placeholder 635 is visually emphasized 655.

Additional intelligence by the Designer may comprise machine learningcapabilities. Embodiments of machine learning capabilities comprise theDesigner taking into account probabilities for two or more displayedplaceholders and emphasizing the placeholder with the highestprobability. Such probabilities may be based on a form or workflow'ssubject matter, substantive data, pattern of previous selections,appropriate/likely grouping, and prior user history. Machine learningcapabilities may also comprise a Designer that can identify an actioninputted incorrectly and generating appropriate notifications.

FIG. 7 is a functional block diagram generally illustrating anembodiment of a network system for an intelligent drag and dropdesigner. A network system, as shown in FIG. 7 , may comprise a Designerserver 710 accessible over a local area network or a wide area network720, such as the Internet. The Designer server 710 may enable thirdparty servers 730, users 740, and electronic devices 750 to connect to aDesigner GUI 760. The Designer server 710 may also host additionaldesign GUIs 770, each accessible to their respective owners and otherusers.

In accordance with the preferred embodiment, the Designer server 710 isremotely accessible by a number of user computing devices 750, includingfor example, laptops, smartphones, computers, tablets, and othercomputing devices that are able to access the local area network or awide area network where the Designer server 710 resides. In normaloperation, each user electronic device 750 connects with the Designerserver 710 to interact with the Designer GUI 760 and the additionalDesigner GUIs 770. As is also known, each additional Designer GUI 770may employ a number of connectors to interact with third party 730servers and their data, services, or applications.

FIG. 8 is a functional block diagram generally illustrating anembodiment of an electronic device system for an intelligent drag anddrop designer. The electronic device 810 may be coupled to a Designerserver 710 via a network interface 820. The electronic device 810generally comprises a memory 830, a processor 840, a graphics module850, and an application programming interface 860. The electronic device810 is not limited to any particular configuration or system.

As used in the specification and the appended claims, the singular forms“a,” “an,” and “the” include plural referents unless the context clearlydictates otherwise. Throughout the description and claims of thisspecification, the word “comprise” and variations of the word, such as“comprising” and “comprises,” means “including but not limited to,” andis not intended to exclude, for example, other components, integers orsteps. “Exemplary” or “For Example” means “an example of” and is notintended to convey an indication of a preferred or ideal embodiment.“Such as” is not used in a restrictive sense, but for explanatorypurposes.

Disclosed are components that may be used to perform the disclosedmethods and systems. These and other components are disclosed herein,and it is understood that when combinations, subsets, interactions,groups, etc. of these components are disclosed that while specificreference of each various individual and collective combinations andpermutation of these may not be explicitly disclosed, each isspecifically contemplated and described herein, for all methods andsystems. This applies to all embodiments of this application including,but not limited to, steps in disclosed methods. Thus, if there are avariety of additional steps that may be performed it is understood thateach of these additional steps may be performed with any specificembodiment or combination of embodiments of the disclosed methods.

Embodiments of the systems and methods are described with reference toschematic diagrams, block diagrams, and flowchart illustrations ofmethods, systems, apparatuses and computer program products. It will beunderstood that each block of the block diagrams, schematic diagrams,and flowchart illustrations, and combinations of blocks in the blockdiagrams, schematic diagrams, and flowchart illustrations, respectively,may be implemented by computer program instructions. These computerprogram instructions may be loaded onto a general-purpose computer,special purpose computer, or other programmable data processingapparatus to produce a machine, such that the instructions which executeon the computer or other programmable data processing apparatus create ameans for implementing the functions specified in the flowchart block orblocks.

Other embodiments may comprise overlay features demonstratingrelationships between one more steps, active users, previous users,missing steps, errors in the workflow, analytical data from use of theworkflow, future use of the workflow, and other data related to theworkflow, users, or the relationship between the workflow and users.

Furthermore, the disclosure here may be implemented as a method,apparatus, or article of manufacture using standard programming and/orengineering techniques to produce software, firmware, hardware, or anycombination thereof to control a computer to implement the disclosedembodiments. Non-transitory computer readable media may include but arenot limited to magnetic storage devices (e.g., hard disk, floppy disk,magnetic strips), optical disks (e.g., compact disk (CD), digitalversatile disk (DVD)), smart cards, and flash memory devices (e.g.,card, stick). Those skilled in the art will recognize many modificationsmay be made to this configuration without departing from the scope ofthe disclosed embodiments.

Unless otherwise expressly stated, it is in no way intended that anymethod set forth herein be construed as requiring that its steps beperformed in a specific order. Accordingly, where a method claim doesnot actually recite an order to be followed by its steps or it is nototherwise specifically stated in the claims or descriptions that thesteps are to be limited to a specific order; it is in no way intendedthat an order be inferred, in any respect. This holds for any possiblenon-express basis for interpretation, including: matters of logic withrespect to arrangement of steps or operational flow; plain meaningderived from grammatical organization or punctuation; and the number ortype of embodiments described in the specification.

What is claimed is:
 1. A system for an intelligent designer, comprising:A computer system having a hardware processor and a physical memoryusing executable instructions that, as a result of being executed by thehardware processor, cause the computer system to: display a graphicaluser interface comprising at least one movable action and one or moreplaceholders for placement of the at least one movable action; identifywhen a movable action has been selected; in response to identifying thatthe movable action has been selected, display a visual emphasizing aidsurrounding a single placeholder; determine when the selected movableaction has been released; and in response to determining that theselected movable action has been released, configure placement of theselected movable action onto the position of the single placeholdersurrounded by the visual emphasizing aid.
 2. The system of claim 1,wherein the visual emphasizing aid comprises one or more of thefollowing: a color, a solid line, a dashed line, and combinationsthereof.
 3. The system of claim 1, wherein the movable action compriseseither a workflow action or a form action.
 4. The system of claim 1,wherein the executable instructions further comprise instructions that,as a result of being executed by the hardware processor, cause thecomputer system to: in response to identifying that the movable actionhas been selected, determine a location of the selected movable action;determine a location of the single placeholder; increase an emphasis ofthe visual emphasizing aid when the selected movable action increases inproximity to the single placeholder; and decrease the emphasis of thevisual emphasizing aid when the selected movable action decreases inproximity to the single placeholder.
 5. The system of claim 1, whereinthe executable instructions further comprise instructions that, as aresult of being executed by the hardware processor, cause the computersystem to: in response to identifying that the movable action has beenselected, determine a location of the selected movable action; determinea location of a first placeholder; determine a location of a secondplaceholder; determine which one of the first placeholder or the secondplaceholder is closest in proximity to the selected movable action; anddisplay the visual emphasizing aid surrounding the one placeholderdetermined to be closest in proximity to the selected movable action. 6.The system of claim 1, wherein the executable instructions furthercomprise instructions that, as a result of being executed by thehardware processor, cause the computer system to: in response toidentifying that the movable action has been selected, determine aselection-probability for a first and a second placeholder, wherein theselection-probability comprises a degree of likelihood that aplaceholder will be selected; determine which one of the first andsecond placeholder has a higher selection-probability; and display thevisual emphasizing aid surrounding the one placeholder determined tohave a higher selection-probability.
 7. The system of claim 6, whereinthe selection-probability further comprises the degree of likelihoodthat a placeholder will be selected based on one or more of thefollowing: a subject matter of the selected movable action; a pattern ofprevious selections; a prior user history.
 8. A method for anintelligent designer, comprising: displaying, via a hardware processor,a graphical user interface comprising at least one movable action andone or more placeholders for the at least one movable action;identifying, via the hardware processor, when a movable action has beenselected; in response to identifying that the movable action has beenselected, displaying, via the hardware processor, a visual emphasizingaid surrounding a single placeholder; determining, via the hardwareprocessor, when the selected movable action has been released; and inresponse to determining that the selected movable action has beenreleased, configuring placement of the selected movable action, via thehardware processor, onto the position of the single placeholdersurrounded by the visual emphasizing aid.
 9. The method of claim 8,wherein the visual emphasizing aid comprises one or more of thefollowing: a color, a solid line, a dashed line, and combinationsthereof.
 10. The method of claim 8, wherein the movable action compriseseither a workflow action or a form action.
 11. The method of claim 8,further comprising: in response to identifying that the movable actionhas been selected, determining, via the hardware processor, a locationof the selected movable action; determining, via the hardware processor,a location of the single placeholder; increasing an emphasis of thevisual emphasizing aid when the selected movable action increases inproximity to the single placeholder; and decreasing the emphasis of thevisual emphasizing aid when the selected movable action decreases inproximity to the single placeholder.
 12. The method of claim 8, furthercomprising: in response to identifying that the movable action has beenselected, determining, via the hardware processor, a location of theselected movable action; determining, via the hardware processor, alocation of a first placeholder; determining, via the hardwareprocessor, a location of a second placeholder; determining, via thehardware processor, which one of the first placeholder or the secondplaceholder is closest in proximity to the selected movable action; andgenerating and displaying, via the hardware processor, the visualemphasizing aid surrounding the one placeholder determined to be closestin proximity to the selected movable action.
 13. The method of claim 8,further comprising: in response to identifying that the movable actionhas been selected, determining a selection-probability for a first and asecond placeholder, wherein the selection-probability comprises a degreeof likelihood that a placeholder will be selected; determining which oneof the first and second placeholder has a higher selection-probability;and displaying the visual emphasizing aid surrounding the oneplaceholder determined to have a higher selection-probability.
 14. Thesystem of claim 13, wherein the selection-probability further comprisesthe degree of likelihood that a placeholder will be selected based onone or more of the following: a subject matter of the selected movableaction; a pattern of previous selections; a prior user history.
 15. Adevice for facilitating use of an intelligent designer, comprising aprocessor and a memory operatively coupled to the processor, the memorycontaining instructions executable by the processor to cause the deviceto: display a graphical user interface comprising at least one movableaction and one or more placeholders for the at least one movable action;identify when a movable action has been selected; in response toidentifying that the movable action has been selected, display a visualemphasizing aid surrounding a single placeholder; determine when theselected movable action has been released; and in response todetermining that the selected movable action has been released,configure placement of the selected movable action onto the position ofthe single placeholder surrounded by the visual emphasizing aid.
 16. Thedevice of claim 15, wherein the visual emphasizing aid comprises one ormore of the following: a color, a solid line, a dashed line, andcombinations thereof.
 17. The device of claim 15, wherein the movableaction comprises either a workflow action or a form action.
 18. Thedevice of claim 15, wherein the memory contains additional instructionsexecutable by the processor to cause the device to: in response toidentifying that the movable action has been selected, determine alocation of the selected movable action; determine a location of thesingle placeholder; increase an emphasis of the visual emphasizing aidwhen the selected movable action increases in proximity to the singleplaceholder; and decrease the emphasis of the visual emphasizing aidwhen the selected movable action decreases in proximity to the singleplaceholder.
 19. The device of claim 15, wherein the memory containingadditional instructions executable by the processor to cause the deviceto: in response to identifying that the movable action has beenselected, determine a location of the selected movable action; determinea location of a first placeholder; determine a location of a secondplaceholder; determine which one of the first placeholder or the secondplaceholder is closest in proximity to the selected movable action; anddisplay the visual emphasizing aid surrounding the one placeholderdetermined to be closest in proximity to the selected movable action.20. The device of claim 15, wherein the memory containing additionalinstructions executable by the processor to cause the device to: inresponse to identifying that the movable action has been selected,determine a selection-probability for a first and a second placeholder,wherein the selection-probability comprises a degree of likelihood thata placeholder will be selected based on one or more of the following: asubject matter of the selected movable action, a pattern of previousselections, and a prior user history; determine which one of the firstand second placeholder has a higher selection-probability; and displaythe visual emphasizing aid surrounding the one placeholder determined tohave a higher selection-probability.